:root {
	--totawidth: 100%;
}
html,
body {
	width: var(--totawidth);
}
/* 头部通栏 */
header {
	left: 0;
	top: 0;
	z-index: 40;
	padding: 0 20px;
	width: 100%;
	height: 66px;
	border-bottom: 1px solid #6196de;
}
/* logo图 */
header .logo {
	display: block;
	width: 138px;
	height: 66px;
}
.bl {
	height: 66px;
	background: url(../imgs/iocn/api-new-logo-white.png) no-repeat;
}
/* 导航列表 */
.nl {
	width: 290px;
	height: 64px;
	line-height: 64px;
}
.nl li {
	margin: 0 10px;
}
.nl li a {
	color: #000;
}
.nl li a:hover {
	color: #00bdff;
}
/* 激活样式 */
.nl .active {
	border-bottom: 1px solid #00bdff;
}
.nl .active a {
	color: #00bdff;
}
/* 登录按钮 */
header span {
	display: inline-block;
	border-radius: 50px;
	padding: 4px 8px;
	font-size: 12px;
}
.register {
	border: 1px solid #000;
}
.login {
	vertical-align: 1px;
	background-color: #ed510a;
}
/* 尾部 */
footer {
	width: var(--totawidth);
	height: 328px;
}
/* 尾部上方列表 */
.text3 {
	width: 722px;
	height: 200px;
}
.text3 .f-list {
	width: 100%;
	height: 14px;
}
.text3 .f-list li {
	font-size: 14px;
}
/* 尾部上方列表标题 */
.title {
	margin-bottom: 38px;
}
/* 尾部上方列表信息  */
.b-msg {
	font-size: 14px;
	line-height: 25px;
	color: #d6cfcf;
}
/* 尾部微信 */
.weix {
	display: flex;
	flex-direction: column;
	align-items: end;
	width: 106px;
	height: 178px;
}
.weix p:nth-child(2) {
	color: #cad2de;
	margin: 19px 0;
}
/* 尾部下方注释 */
.annotation {
	margin-top: 93px;
	width: 100%;
	color: #e2ddda;
}
.annotation span {
	vertical-align: 5px;
}
